<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2021/11/4
  Time: 16:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN" class="html-pd0">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>寿命计算器</title>
    <meta id="description" name="description" itemprop="description" content="美国波士顿大学的测试，据说超准，快来看看你能活到多少岁！">
    <meta id="name" itemprop="name" content="寿命计算器">
    <meta id="image" itemprop="image" content="/life/img/resultImg.jpg">
    <link rel="stylesheet" href="/life/common/css/main.css" />
    <link rel="stylesheet" href="/life/css/forum9.css?v20141224" />
    <link href="/life/common/css/mobiscroll/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
    <link href="/life/common/css/mobiscroll/mobiscroll.scroller.sense-ui.css" rel="stylesheet" type="text/css" />
</head>
<script>
    var pajkPage = "mobilePage";
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F32f66a9b6206cae98be737ce7d19e751' type='text/javascript'%3E%3C/script%3E"));
</script>
<body name="resultScore">
<section>
    <div class="g-mobile topic-sel9">
        <div>
            <a name="0" class="topic-btn">开始测试</a>

        </div>
        <div class="forum-date">
            <div data-role="fieldcontain" class="demo-cont" id="demo_cont_date">
                <label for="demo_date">请输入您的生日</label>
                <input type="text" id="demo_date"/>
            </div>
            <div class="topic-sel-btn">
                <h4>请选择您的性别</h4>
                <a title="forum" name="0"><img src="/life/img/man.png" /></a>
                <a title="forum" name="1"><img src="/life/img/female.png" /></a>
            </div>
        </div>
    </div>
    <div class="g-mobile topic-list display-none height-auto">
        <div class="topic-page" style="display:none;">
            <div class="page-box">
                <span class="current"></span>
                <span>of<em class="amount"></em></span>
            </div>
        </div>
        <div class="topic-tit"><img src="/life/img/title.png" /><div class="tit-txt"><span class="current"></span><span>/</span><span class="amount"></span></div></div>
        <div class="g-test f-clx" id="topic">
            <dl>
                <dt></dt>
                <dd id="topicSel"></dd>
            </dl>
        </div>
    </div>
    <div class="g-mobile topic-result display-none height-auto">
        <div id="shareOverlay" class="share_overlay"></div>

    </div>

</section>

</body>
<script src="/life/common/script/zepto.js"></script>
<script src="/life/common/script/main.js"></script>
<script src="/life/common/script/mobiscroll/mobiscroll.zepto.js" type="text/javascript"></script>
<script src="/life/common/script/mobiscroll/mobiscroll.core.js" type="text/javascript"></script>
<script src="/life/common/script/mobiscroll/mobiscroll.scroller.js" type="text/javascript"></script>

<script src="/life/common/script/mobiscroll/mobiscroll.datetime.js" type="text/javascript"></script>
<script src="/life/common/script/mobiscroll/mobiscroll.select.js" type="text/javascript"></script>

<script src="/life/common/script/mobiscroll/mobiscroll.scroller.android.js" type="text/javascript"></script>

<script src="/life/common/script/mobiscroll/mobiscroll.i18n.zh.js" type="text/javascript"></script>
<script src="/life/script/result.js"></script>
<script src="/life/common/script/timecount/TimeCount.js"></script>
<script src="/life/common/config/timeRub.js"></script>
<script src="/life/script/share.js"></script>
<script>
    $(function(){
        $('#demo_date').mobiscroll().date({
            theme: 'ios',
            lang: 'zh',
            display: 'bottom',
            mode: 'scroller',
            minDate: new Date(1900,1,1,12,0,0),  // More info about minDate: http://docs.mobiscroll.com/2-14-2/datetime#!opt-minDate
            maxDate: new Date(),   // More info about maxDate: http://docs.mobiscroll.com/2-14-2/datetime#!opt-maxDate
            startYear : 1900,
            stepMinute: 5
        });
        var activate = ('createTouch' in document) ? 'touchend' : 'click';
        var touchstart = ('createTouch' in document) ? 'touchstart' : 'click';
        $(".topic-btn").live(activate, function(event) {
            $(this).parent().hide().next().show();
        });
    });

</script>
</html>